$(function(){
  //1.页面一加载：ajax请求个人详情信息，渲染页面
  $.ajax({
    method: 'get',
    url: BigNew.user_detail,
    data: {},
    success: (res) => {
      //console.log(res);
      //解构所需要的数据
      const {email, nickname,password,userPic,username}=res.data
      //console.log({email, nickname,password,userPic,username});
      //把数据渲染到页面
      $('[name="username"]').val(username)
      $('[name="nickname"]').val(nickname)
      $('[name="email"]').val(email)
      $('[name="password"]').val(password)
      $('.user_pic').prop('src',userPic)
    }
  })
  // 2.文件预览功能
$('.user_pic').click(()=>{
  $('[name="userPic"]').click()
})
  // 当上传按钮的值发生改变时
  $('#exampleInputFile').change(()=>{
    //console.dir($('#exampleInputFile'))
    const fileObj=$('#exampleInputFile').get(0).files[0];
    //console.log(fileObj);
    //调用浏览器提供的API 把文件对象转换成浏览器能识别的url
    const url=URL.createObjectURL(fileObj);
    console.log(url);
    $('.user_pic').prop('src',url)
  })
  // 编辑用户信息
  $('[type="submit"]').click((e)=>{
    //阻止默认跳转
e.preventDefault()
//console.log(1);
// new FormDate对象能传入一个from对象 可以获取from表单里的所有元素
const from=document.getElementById('form')
const fd=new FormData(from)
//遍历fd数据
 fd.forEach((value,key)=>{
console.log(key,value);
}) 
$.ajax({
  method: 'post',
  url: BigNew.user_edit,
  //直接作为参数
  data: fd,
  contentType:false,
  processData:false,
  success: (res) => {
    console.log(res);
    if(res.code===200){
      alert('用户信息更新成功')
      //刷新最大的父元素页面
      window.parent.location.reload()
    }
  }
})
  })
})